<template>
  <div class="search">
    <el-input
      :id="inputObject.searchId"
      placeholder="输入关键词"
      v-model="inputObject.inputValue"
      class="input-with-select"
    >
      <el-button slot="append" icon="el-icon-search" @click="send"></el-button>
    </el-input>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputObject: {
        inputValue: "",
        searchId: "searchInput",
      },
    };
  },
  mounted() {
    this.send();
  },
  methods: {
    send() {
      this.$bus.$emit("serachInput", this.inputObject);
    },
  },
};
</script>

<style>
</style>